- Page 3b -

The Photoshop Guru's Handbook - "Creating the NUI"
Part 3 - 2D & 3D (inDepth Interface project)

Adding some ZIP to the View Screen
- The first thing you'll need to do is to move the Reflection layer up just above the VS-Colour layer in the palette. Then change it's Blend mode to Softlight instead of Difference.
- Then Duplicate the View Screen layer; that was the first screen layer we created. The press Shift+Ctrl+T and in the Rotate section, enter 180. Click OK to apply. Then set the Blend mode of this layer to Difference.
- Now Duplicate the VS-Colour layer, move the duplicate just below the original in the layers palette, and set the Blend mode to Color Dodge. Then turn down the layer's Opacity to 50%. Now press Shift+Ctrl+U, and that will Desaturate the image and remove all it's colour, leaving it as a simple greyscale gradient. And finally, press Shift+Ctrl+T again and set the Rotate section to 180. (the settings should still be set from the last time you used this command)
Now for those bright streaks on the screen.
- Click on the VS-Frame layer, then click on the New Layer icon. Name the new layer 'VS-Streaks'. Make your foreground colour white. Ctrl+click on the VS-Colour layer to select it's shape. Make sure your VS-Streaks layer is the active layer, then pick the Line tool and set the Width to 8. Now draw a line that runs across the middle of the screen area from left to right (it doesn't need to be perfectly centered), then apply a 2 pixel Gaussian blur to the layer.
- Open the Wave filter again: Filter/Distort/Wave...
Your settings will be the same as from before; which should be the default settings. This time, choose the 'Wrap edge pixels' option, and make sure the 'Type' option is set to 'Sine'. Then turn the Scale-Horizontal slider to 0. Now hit the Randomize button until you get a wave pattern that has at least 2 to 4 nice bendy lines in it. If the lines smudge or break apart in some spots, all the better, choose that one. There is no set way to intentionally create the perfect lines using this filter without it taking you a bit more effort, so if you have to hit UNDO after applying the filter because you don't like the lines you get, then fine, that's what you do until you get some lines you like. Gee! This is FUN isn't it?! :?)=)
And lastly, the text part of it.
I just used the date as my text, but you can use whatever you like. I used a digital type font for this also, but if you haven't got one, just use a good thin font that you like. Arial or Helvetica (Macs) bolded would work fine for our purposes here.
Photoshop 5 users note here that after you create your text objects you must Render (right-click on layer and choose Render from the menu) the text layer before you continue on.

- Ok so create a New layer right above the VS-Colour layer. Create some text that fits within your screen area. Use white as your foreground colour too please. Once you have your text created, leave the Blend mode on Normal, but turn down the Opacity to about 50%. You want the text to look fairly faint, like it's actually inside the screen.
- Now Duplicate the text layer (Render text first PS5 users). Then click on the first text layer and press Ctrl+I to invert it to black instead of white. And apply a 1 pixels gaussain blur to it. Set the Blend mode of this layer to Multiply.
GURU TIP:
If you see really bright white spots across your text, it's from the VS-Streaks layer. Just turn that layers Opacity down a bit until the bright spots are slightly faded, but not gone. We need some to add dynamics to the text.
And if your text is too faint, then turn up the Opacity a bit for that layer, just until you can sort of read the text. Don't make it perfectly clear though or the effect of it looking like it's within the screen will be lost.

Layers palette getting too long?
If your Layers palette is getting to long for you, you can compact (Merge) a few layers together here now. First, you need to link all of the View Screen layers together. Do that by clicking in the small space just to the right of the layers' Eye icons. You should see a small chain link image appear there. Do this for all of the View Screen layers you've created. Then click on the small black arrowhead pointing to the right on the top right side of the Layers palette, and from that menu choose 'Merge Linked'. Remember though, if you're using Photoshop 4 there's no History Palette like PS5 has; so you can't reverse this decision later. Be sure you want to do this before you merge these layers.

3D Shapes / Inset Lines / View Screens
Buttons / Texture Mapping / Adding Text

> To the Top <
> Back to "2D & 3D" <


- Page 3b -

"The Photoshop Guru's Handbook"  and all contents of this site
are copyright 96/00 Mark Anthony Larmand - (aka theKeeper) all rights reserved.